<template>
  <div class="w100 h100">
    <MyCodeEditor :code="textValue" language="markdown" />
  </div>
</template>

<script setup lang="ts">
import MyCodeEditor from '@/components/MyCodeEditor/index.vue';
import { ref } from 'vue';
const textValue = ref(`# next_code_admin

#### 介绍

NextCode：让下一行代码更简单。

#### 软件架构

软件架构说明

## 软件功能

### 获取文件方式

1. 从本地上传文件
2. 新建文件
3. 从git克隆文件
4. 分享工程

### 顶部功能区
1. 运行当前项目
2. 分享工程
3. 导出工程
4. 历史版本
3. 全局搜索

### 底部功能区
1. 详细信息 （项目名称，项目简介，创建时间，创建方式，是否历史工程，历史工程时间，是否为分享，分享组员，是否分享笔记，分享工程时间）
2. 工程笔记
3. 终端


### 菜单功能区
1. 新建工程
2. 打开工程
3. 导入工程
4. 回收站
5. 运行
6. 项目组管理
7. 关闭所有工程

### 文件夹右键菜单
1. 新建---
  a. 新建js
  b. 新建c
  c. 新建py
  d. 自定义
2. 工程管理
  a. 分享工程
  b. 复制工程
  c. 转让工程
  d. 历史版本
  e. 工程详情
  f. 删除工程
3.运行代码
4. 导入
5. 导出
6. 关闭工程

### 文件右键菜单
1. 导出文件


### 其他功能
2. 分享功能
3. 搜索功能
4. 读取代码功能、编写代码功能、读取markdown功能、编写markdown功能`);
</script>

<style scoped></style>
